.vjs-custom-skin > .video-js {
  overflow: hidden;

  .vjs-big-play-button {
    font-size: 2.5em !important;
    border: none !important;
  }

  .vjs-control-bar {
    .vjs-control,
    .vjs-mute-control,
    .vjs-duration,
    .vjs-current-time,
    .vjs-playback-rate,
    .vjs-play-control {
      width: 2em;
      padding: 0;
    }
  }
}

.vjs-custom-skin {
  .video-js:hover .vjs-big-play-button,
  .vjs-custom-skin > .video-js .vjs-big-play-button:focus,
  .vjs-custom-skin > .video-js .vjs-big-play-button:active {
    background-color: rgba(0, 0, 0, 0.5);
  }
}
